<!--  -->
<template>
  <div class="boxitemofproduct">
     
     <slot></slot>
     <div class="titleOfpro">
      <h1>{{ nameincn }}</h1>
      <h2>{{ nameinen }}</h2>
     </div>
  </div>
</template>

<script setup lang='js'>
import {ref,reactive} from 'vue'
const props = defineProps({
  nameinen:{
    type:String
  },
  nameincn:{
    type:String
  },
})
</script>

<style  scoped>
.titleOfpro{
  width: 50vw;
  height: 100px;
  position: absolute;
  bottom: 0;
  left: 10px;
  color: white;
}
.boxitemofproduct{
  width: 100%;
  position: relative;
  margin-bottom: 5px;
  margin-top: 10px;
}

</style>
